@import "global";
@import "common";
@import "color";

// 标签
.ant-tag {
  border-radius: @radius;
}

// 按钮圆角
.ant-btn {
  border-radius: @radius;
}

.ant-btn-flat, .ant-btn.flat,
.ant-btn-group.flat > .ant-btn {
  .flat
}

// 按钮颜色
.ant-btn {
  &-red {
    .red-back
  }
  &-blue {
    .blue-back
  }
  &-green {
    .green-back
  }
  &-yellow {
    .yellow-back
  }
}

// 面板
.ant-collapse-content {
  padding: 0 @space-l;
  > .ant-collapse-content-box {
    padding: @space-l 0;
  }
}

// 表格
.ant-table {
  table {
    border-radius: @radius;
    th, td {
      // 默认size=large的空隙太大，用size=middle的足够了
      padding: 10px 8px;
    }
    .odd-row {
      // 隔行变色（取自semantic-ui示例）
      background-color: rgba(0, 0, 50, .02);
    }
  }
  // 带边框且表头固定时的上下两个表格的圆角显得突兀
  &-bordered {
    .ant-table-body table {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .ant-table-header table {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  // 分页的上下边距太大了
  &-pagination {
    margin: @space 0;
  }
}

// 调整分页器中各元素的圆角
.ant-pagination {
  &-item, &-prev, &-next,
  &-options-quick-jumper input {
    border-radius: @radius;
  }
}

// 输入
.ant-input,
.ant-select-selection {
  border-radius: @radius;
}
